                        body {
                            height: 100%;
                            -moz-osx-font-smoothing: grayscale;
                            -webkit-font-smoothing: antialiased;
                            text-rendering: optimizeLegibility;
                            font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
                        }
                        
                        body,
                        div,
                        dl,
                        dt,
                        dd,
                        ul,
                        ol,
                        li,
                        h1,
                        h2,
                        h3,
                        h4,
                        h5,
                        h6,
                        form,
                        input,
                        textarea,
                        p,
                        th,
                        td,
                        hr,
                        button,
                        aside,
                        footer,
                        header,
                        menu,
                        nav,
                        section {
                            margin: 0;
                            padding: 0;
                        }
                        
                        label {
                            font-weight: 700;
                        }
                        
                        html {
                            height: 100%;
                            box-sizing: border-box;
                        }
                        
                        #app {
                            height: 100%;
                            background: rgba(247, 248, 249);
                        }
                        
                        .ver-mid {
                            vertical-align: middle;
                        }
                        
                        .m-t10 {
                            margin-top: 10px;
                        }
                        
                        .m-l10 {
                            margin-left: 10px;
                        }
                        
                        .m-r10 {
                            margin-right: 10px;
                        }
                        
                        *,
                        *:before,
                        *:after {
                            box-sizing: inherit;
                        }
                        
                        a:focus,
                        a:active {
                            outline: none;
                        }
                        
                        a,
                        a:focus,
                        a:hover {
                            cursor: pointer;
                            color: inherit;
                            text-decoration: none;
                        }
                        
                        ul,
                        ol,
                        li {
                            list-style: none;
                        }
                        
                        div:focus {
                            outline: none;
                        }
                        
                        .fr {
                            float: right;
                            color: white;
                        }
                        
                        .fl {
                            float: left;
                        }
                        
                        .h100 {
                            height: 100%;
                        }
                        
                        .block {
                            display: block;
                        }
                        
                        .pointer {
                            cursor: pointer;
                        }
                        
                        .inlineBlock {
                            display: block;
                        }
                        
                        .clearfix {
                            &:after {
                                visibility: hidden;
                                display: block;
                                font-size: 0;
                                content: " ";
                                clear: both;
                                height: 0;
                            }
                        }
                        
                        .mainContainer {
                            width: 100%;
                            height: 100%;
                        }
                        /*高德地图去logo*/
                        
                        .amap-logo {
                            display: none;
                            opacity: 0 !important;
                        }
                        
                        .amap-copyright {
                            opacity: 0;
                        }
                        
                        .el-color-picker__panel .el-color-dropdown__btns .el-input--mini .el-input__inner {
                            color: #606266 !important;
                        }
                        /*按钮取消确定自定义样式*/
                        
                        .btn-custom-cancel {
                            float: right;
                            margin-left: 10px;
                        }
                        
                        .SystemMonitor canvas,
                        .configManage canvas {
                            //gojs 选中线颜色
                            outline: none;
                        }
                        /* 导航菜单*/
                        
                        .el-menu {
                            border: none;
                        }
                        
                        .el-menu.el-menu--horizontal {
                            margin-left: 150px;
                            border-bottom: 1px solid #000;
                        }
                        
                        .el-menu--horizontal>.el-menu-item {
                            height: 100%;
                            padding-top: 50px;
                            color: #000;
                            &:nth-last-child(-n+2) {
                                float: right;
                            }
                        }
                        /*轮播图*/
                        
                        .el-carousel__item h3 {
                            color: #475669;
                            font-size: 18px;
                            opacity: 0.75;
                            line-height: 300px;
                            margin: 0;
                        }
                        
                        .el-carousel__item:nth-child(2n) {
                            background-color: #99a9bf;
                        }
                        
                        .el-carousel__item:nth-child(2n+1) {
                            background-color: #d3dce6;
                        }
                        /*头部*/
                        
                        .header {
                            width: 100%;
                            height: 120px;
                            border-bottom: 1px solid #000;
                            .logo {
                                width: 120px;
                                height: 100%;
                                img {
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                        }
                        /*上传头像*/
                        
                        .avatar-uploader .el-upload {
                            border: 1px dashed #d9d9d9;
                            border-radius: 6px;
                            cursor: pointer;
                            position: relative;
                            overflow: hidden;
                        }
                        
                        .avatar-uploader .el-upload:hover {
                            border-color: #409EFF;
                            .el-icon-delete {
                                background: rgba(0, 0, 0, .4) !important;
                                color: #fff;
                            }
                            .el-icon-delete:before {
                                display: block;
                            }
                        }
                        
                        .avatar-uploader-icon {
                            font-size: 28px;
                            color: #8c939d;
                            width: 178px;
                            height: 178px;
                            line-height: 178px;
                            text-align: center;
                        }
                        
                        .avatar {
                            width: 178px;
                            height: 178px;
                            display: block;
                        }
                        
                        .el-upload__tip {
                            text-align: center;
                        }
                        
                        // 主体
                        .wrap {
                            width: 100%;
                            height: 100%;
                        }
                        
                        // 查询框
                        .searchForm {
                            background-color: #fff;
                            margin-bottom: 10px;
                            padding: 24px;
                            padding-bottom: 7px;
                            border: 1px solid rgba(229, 229, 229);
                        }
                        /*表头样式*/
                        
                        .el-table th {
                            height: 60px;
                            background: rgb(245, 247, 250);
                        }
                        
                        .el-table--border,
                        .el-table--group {
                            border: none;
                        }
                        
                        .el-table--border td {
                            border-right: none;
                        }
                        
                        // .el-table td,
                        .el-table th.is-leaf {
                            border-bottom: none;
                        }
                        
                        //表格底部的线
                        .el-table::before {
                            height: 0;
                        }
                        
                        .el-table__fixed-right::before,
                        .el-table__fixed::before {
                            height: 0;
                        }
                        /*按钮默认*/
                        
                        .el-button--default {
                            background-color: #409EFF;
                            border-color: #409EFF;
                            color: #fff;
                        }
                        
                        .el-input-group__append,
                        .el-input-group__prepend {
                            background-color: #409EFF;
                            border-color: #409EFF;
                            color: #fff;
                        }
                        
                        input {
                            -webkit-box-shadow: 0 0 0 1000px white inset;
                        }
                        
                        //取消按钮样式
                        .btn-custom-cancel {
                            color: #409EFF;
                            border-color: #409EFF;
                            background-color: #ecf5ff;
                        }
                        
                        // 滚动条
                         ::-webkit-scrollbar {
                            width: 8px;
                            height: 8px;
                        }
                        
                         ::-webkit-scrollbar-thumb {
                            background-color: #a1a3a9;
                            border-radius: 5px;
                        }
                        
                         ::-webkit-scrollbar-corner {
                            background: transparent;
                        }
                        
                        //disable样式
                        .el-input.is-disabled .el-input__inner {
                            background-color: #F5F7FA;
                            border-color: #DCDFE6;
                            color: #606266;
                            cursor: not-allowed;
                        }
                        
                        .el-radio__input.is-disabled .el-radio__inner,
                        .el-radio__input.is-disabled.is-checked .el-radio__inner,
                        .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
                            border-color: #409EFF;
                        }
                        
                        .el-radio__input.is-disabled+span.el-radio__label {
                            color: #606266;
                            cursor: not-allowed;
                        }
                        /*登录、密码模块样式以下*/
                        
                        .userMain {
                            width: 100%;
                            height: 100%;
                            position: relative;
                            .loginMain,
                            .ChangeMain,
                            .forgetMain,
                            .personalDataMain {
                                min-height: 665px;
                                max-width: 1200px;
                                margin: 0px auto;
                                overflow: hidden;
                                height: 74%;
                                .picLeft {
                                    position: relative;
                                    height: 560px;
                                    width: 50%;
                                    float: left;
                                    margin-top: 50px;
                                    text-align: left;
                                    font-weight: bold;
                                    font-style: italic;
                                    color: #181818;
                                    background: linear-gradient(0deg, #7ea0ce 0%, #79a9e6 46.8994140625%, #023984 100%);
                                    -webkit-background-clip: text;
                                    -webkit-text-fill-color: transparent;
                                    &:hover {
                                        p,
                                        h2 {
                                            color: #409EFF;
                                        }
                                    }
                                    h2 {
                                        font-size: 28px;
                                        letter-spacing: 5px;
                                        margin: 15% 5% 5%;
                                        transition: all 0.5s;
                                    }
                                    p {
                                        line-height: 23px;
                                        font-size: 28px;
                                        letter-spacing: 5px;
                                        text-indent: 33%;
                                        transition: all 0.5s;
                                    }
                                    .loginBanner {
                                        width: 90%;
                                        margin: -10% -3%;
                                    }
                                    .cloudImg {
                                        position: absolute;
                                        width: 50%;
                                        height: 23%;
                                        position: absolute;
                                        bottom: 7%;
                                        left: 26.8%;
                                        background-image: url();
                                        /* background-size: 100% 100%; */
                                        background-repeat: no-repeat;
                                        /* background-position: 0px 10px;*/
                                    }
                                }
                            }
                            .userForget {
                                .el-form {
                                    height: 425px !important;
                                    margin-top: -212px !important;
                                }
                            }
                            .userLogin,
                            .userChange,
                            .userForget,
                            .userPersonal {
                                position: relative;
                                float: right;
                                margin-top: 50px;
                                width: 50%;
                                height: 560px;
                                box-shadow: 0 2px 15px rgba(0, 0, 0, .15);
                                background-color: #fff;
                                text-align: center;
                                .el-form {
                                    width: 330px;
                                    height: 375px;
                                    border: none;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    margin-top: -187.5px;
                                    margin-left: -151.5px;
                                }
                                h2 {
                                    margin: 30px 0 25px;
                                    text-align: center;
                                    font-size: 20px;
                                    font-weight: 400;
                                    color: #333333;
                                }
                                .el-input--small .el-input__inner {
                                    height: 40px;
                                    line-height: 40px;
                                    border-radius: 4px;
                                }
                                .el-form-item--mini.el-form-item,
                                .el-form-item--small.el-form-item {
                                    margin-bottom: 12px;
                                }
                            }
                            .btn {
                                width: 100%;
                                height: 44px;
                                margin-bottom: 10px;
                                background: linear-gradient(-90deg, #66C0FF, #3A83FF);
                                box-shadow: 0px 6px 20px 0px rgba(0, 95, 255, 0.2);
                                border-radius: 6px;
                                color: #fff;
                            }
                            .code {
                                .el-form-item__content {
                                    display: flex;
                                }
                            }
                        }
                        
                        .avatar-uploader {
                            // 上传图片
                            .el-upload {
                                border: 1px dashed #d9d9d9;
                                border-radius: 6px;
                                cursor: pointer;
                                position: relative;
                                overflow: hidden;
                                width: 100px;
                                height: 100px;
                            }
                            .el-upload:hover {
                                border-color: #409EFF;
                            }
                            .el-icon-plus {
                                font-size: 25px;
                                text-align: center;
                                line-height: 100px;
                            }
                        }
                        
                        // 文本域禁用的样式
                        .el-textarea.is-disabled .el-textarea__inner {
                            background-color: #fff;
                            color: #606266;
                        }
                        
                        .el-tabs__item {
                            font-size: 17px;
                            padding: 0 10px;
                        }
                        
                        // tab标签样式
                        .el-submenu__title,
                        .el-menu-item {
                            font-size: 16px;
                        }
                        
                        // 表单
                        .el-button--mini,
                        .el-button--small {
                            font-size: 14px!important;
                        }
                        
                        .el-input__inner {
                            height: 35px!important;
                            line-height: 35px!important;
                            font-size: 14.5px !important;
                        }
                        
                        .el-form-item__label {
                            font-size: 15px !important;
                        }
                        
                        // 表格字体
                        // 表头
                        .el-table th {
                            font-size: 16px !important;
                        }
                        
                        .el-pagination__total,
                        .el-pagination__sizes,
                        .el-pager li,
                        .el-pagination__jump,
                        .el-table .cell {
                            font-size: 15px !important;
                        }
                        
                        // 设置表格hover颜色
                        .el-table--striped .el-table__body tr.hover-row.el-table__row--striped>td,
                        .el-table__body tr.hover-row>td,
                        .el-table--enable-row-hover .el-table__body tr:hover>td {
                            background-color: rgb(230, 247, 255);
                        }
                        
                        // 设置message的样式
                        .el-message {
                            top: 10%!important
                        }